
// 定义食物类
class Food {
    // 定义一个属性表示食物对应的元素
    element: HTMLElement;
    constructor() {
        // 获取页面中的food元素并将其赋值给element
        this.element = document.getElementById("food")!;
    }
    // 定义获取食物x轴坐标的方法
    get X() {
        return this.element.offsetLeft;
    }
    get Y() {
        return this.element.offsetTop;
    }
    // 食物被吃了以后,需要改变食物的位置
    change() {
        // 生成随机的位置
        // 食物的位置 最小是0 最大是290
        // 蛇移动一次就是一格，一格大小是10，食物的坐标必须是10的倍数
        let top = Math.round(Math.random() * 29) * 10;
        let left = Math.round(Math.random() * 29) * 10;
        this.element.style.left = left + 'px';
        this.element.style.top =  top + 'px';
    }
}
export default Food;